import { ComponentType } from 'react'
import Taro, { Component, Config } from '@tarojs/taro'
import { View, Button, Text, Swiper, SwiperItem, Image, ScrollView } from '@tarojs/components'
import { getAvatar, pageSize, subTime, setStorage, navigateTo, memberTypeArr, servicePhone, showToast } from "../../utils/common";

import { inject, observer } from '@tarojs/mobx'
import { IStoreProps } from '../../store/Stores'
import { namePartOf, cardNumPartOf } from '../../utils/common'

import './setting.scss'

import a_01 from '../../assets/img/aboutus/01.png'
import a_02 from '../../assets/img/aboutus/02.png'
import a_03 from '../../assets/img/aboutus/03.png'
import a_04 from '../../assets/img/aboutus/04.png'
import a_05 from '../../assets/img/aboutus/05.png'
import a_06 from '../../assets/img/aboutus/06.png'
import a_07 from '../../assets/img/aboutus/07.png'
import a_08 from '../../assets/img/aboutus/08.png'
import a_09 from '../../assets/img/aboutus/09.png'
import a_10 from '../../assets/img/aboutus/10.png'
import a_11 from '../../assets/img/aboutus/11.png'
import a_12 from '../../assets/img/aboutus/12.png'
import a_13 from '../../assets/img/aboutus/13.png'
import a_14 from '../../assets/img/aboutus/14.png'

interface IHomeProps extends IStoreProps {
}

@inject("stores")
@observer
class Aboutus extends Component<IHomeProps> {
  constructor(props) {
    super(props)
  }

  state = {
     bannerList: [ a_01, a_02, a_03, a_04, a_05, a_06, a_07, a_08, a_09, a_10, a_11, a_12, a_13, a_14 ]
  }

  componentWillMount() {
  }

  link = (url: string = '/pages/index/index'): void => {
    navigateTo(url)
  }

  render() {
    let { bannerList } = this.state
    return (
      <View className='page-bg content-20 fullpage__swiper'>
        <View className='swiper-wrap'>
          <Swiper className='swiper-wrap__item' indicatorColor='#000' indicatorActiveColor='#47705e' indicatorDots autoplay={false} circular  >
            {bannerList && bannerList.map(item => {
              return (
                <SwiperItem className='swiper-item' key={item}>
                  <Image className='swiper-wrap__img' src={item} />
                </SwiperItem>
              )
            })}
          </Swiper>
        </View>

        {/*  <View className='line-common__wrap'>
          <View className='line-common'>
            <View className='line-common__title'>个人资料</View>
            <View className='line-common__desc icon-link-theme'>{servicePhone}</View>
          </View>
        </View>

        <View className='interval' />
        <View className='line-common__wrap'>
          <View className='line-common'>
            <View className='line-common__title'>更换手机号</View>
            <View className='line-common__desc icon-link-theme'>189874</View>
          </View>
        </View>
        <View className='interval' />

        <View className='line-common__wrap'>
          <View className='line-common'>
            <View className='line-common__title color-theme' style={{width: '100%', textAlign: 'center'}}>退出账号</View>
          </View>
        </View> */}
      </View>
    )
  }
}

export default Aboutus

